<template>
	<!-- 个人中心 -->
	<view class="content">
		<view class="userInfo">
			<view class="imgbox">
				<image class="u-avatar-demo" :src="imgsrc" mode="aspectFill"></image>
				<view class="info">
					<view>
						<span class="top_text">李一木</span><span class="top_subtext">A145322</span>
					</view>
					<view class="info_footer">
						<view>
							<p>999 <span class="small_text">天</span></p>
							<p class="small_text footer_text">活跃天数</p>
						</view>
						<view class="info_footer-right">
							<p>999 <span class="small_text">小时</span></p>
							<p class="small_text footer_text">共享时长</p>
						</view>
					</view>
				</view>

			</view>
			<view class="imgbox">
				<image class="u-avatar-tq" :src="imgsrcTc" mode="aspectFill"></image>
			</view>

		</view>

		<view class="my-content">
			<view class="my-content-list" @click="userClick">
				<u-icon class="icons" name="account" size='36' color="#666666"></u-icon>
				<view class="my-content-list-title">
					<text>账号管理</text>
					<u-icon name="arrow-right" size='30' color="#9E9E9E"></u-icon>
				</view>
			</view>
			<view class="my-content-list" @click="myAssetsClick">
				<u-icon class="icons" name="calendar" size='36' color="#666666"></u-icon>
				<view class="my-content-list-title">
					<text>我的资产</text>
					<u-icon name="arrow-right" size='30' color="#9E9E9E"></u-icon>
				</view>
			</view>
			<view class="my-content-list" @click="myOrderClick">
				<u-icon class="icons" name="order" size='36' color="#666666"></u-icon>
				<view class="my-content-list-title">
					<text>我的订单</text>
					<u-icon name="arrow-right" size='30' color="#9E9E9E"></u-icon>
				</view>
			</view>
			<view class="my-content-list" @click="myCar">
				<u-icon class="icons" name="car" size='36' color="#666666"></u-icon>
				<view class="my-content-list-title">
					<text>我的车辆</text>
					<u-icon name="arrow-right" size='30' color="#9E9E9E"></u-icon>
				</view>
			</view>
			<view class="my-content-list" @click="help">
				<u-icon class="icons" name="question-circle" size='36' color="#666666"></u-icon>
				<view class="my-content-list-title">
					<text>帮助与反馈</text>
					<u-icon name="arrow-right" size='30' color="#9E9E9E"></u-icon>
				</view>
			</view>
			<view class="my-content-list" @click="carCommunity">
				<u-icon class="icons" name="question-circle" size='36' color="#666666"></u-icon>
				<view class="my-content-list-title">
					<text>车友社区</text>
					<u-icon name="arrow-right" size='30' color="#9E9E9E"></u-icon>
				</view>
			</view>
			<view class="my-content-list" @click="invit">
				<u-icon class="icons" name="email-fill" size='36' color="#666666"></u-icon>
				<view class="my-content-list-title">
					<text>邀请好友</text>
					<u-icon name="arrow-right" size='30' color="#9E9E9E"></u-icon>
				</view>
			</view>
			<view class="my-content-list" @click="faultList">
				<u-icon class="icons" name="bell" size='36' color="#666666"></u-icon>
				<view class="my-content-list-title">
					<text>故障上报</text>
					<u-icon name="arrow-right" size='30' color="#9E9E9E"></u-icon>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgsrc: '../../static/index/ico_tx@2x.png',
				imgsrcTc: '../../static/user/ico_tq.png'
			}
		},
		onLoad() {

		},
		created() {

		},
		methods: {
			userClick() {
				uni.navigateTo({
					url: "../../pageB/account/index"
				})
			},
			myAssetsClick() {
				uni.navigateTo({
					url:'../../pageB/assets/index'
				})
			},
			myOrderClick() {
				uni.navigateTo({
					url: "../../pageB/order/index"
				})
			},
			faultList() {
				uni.navigateTo({
					url: "../../pageB/faultList/index"
				})
			},
			myCar(){
				uni.navigateTo({
					url: "../../pageB/myCar/index"
				})
			},
			help(){
				uni.navigateTo({
					url:"../../pageB/helpFeedback/index"
				})
			},
			invit(){
				uni.navigateTo({
					url:'../../pageB/inviteFriends/index'
				})
			},
			carCommunity(){
				uni.navigateTo({
					url:"../../pageB/carCommunity/index"
				})
			}
		}
	}
</script>

<style lang="scss">
	@import "index.scss"
</style>